<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="../utils/jquery-3.6.0.js"></script>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
    <link rel="stylesheet" href="../utils/font/iconfont.css" />
    <link rel="stylesheet" href="../style/equip.css" />
    <link rel="stylesheet" href="../style/Equpment.css" />
  </head>
  <body>
    <!-- 头部 de1-->
    <div class="header">
      <h3 class="header-left"  style="color: #64c8bc">维修调度管理系统</h3>
      <div class="header-right">
        <img src="../images/user.png" alt="" /><span>彭于晏</span>
      </div>
    </div>
    <!-- 身体 -->
    <div class="body">
      <!-- 左边导航 -->
      <div class="body-left nav" style="color: rgb(79, 93, 116)">
        <ul>
          <li>
            <h5><span class="glyphicon glyphicon-home"></span> 控制台</h5>
          </li>
          <li>
            <h5>
              <span class="glyphicon glyphicon-folder-close"></span> 装备管理
            </h5>
            <ul>
              <li><a href="./equip.html">装备分类</a></li>
              <li><a href="Equipment management.html">装备管理</a></li>
            </ul>
          </li>
          <li>
            <span class="iconfont icon-warehouse"></span>
            <span class="firstMenuText">仓库管理</span>
          </li>
          <li>
            <span class="iconfont icon-fix"></span>
            <span class="firstMenuText">维修管理</span>
          </li>
          <li>
            <span class="iconfont icon-personnel"></span>
            <span class="firstMenuText">人员管理</span>
          </li>
          <li>
            <span class="iconfont icon-data"></span>
            <span class="firstMenuText">数据统计</span>
          </li>
          <li>
            <span class="iconfont icon-technicalData"></span>
            <span class="firstMenuText">技术资料</span>
          </li>
          <li>
            <div
              class="firstMenu"
              data-toggle="collapse"
              data-target="#rulesMenu"
            >
              <span class="iconfont icon-rules"></span>
              <span class="firstMenuText">规章制度</span>
            </div>
            <ul class="secondMenu collapse" id="rulesMenu">
              <li>法规类型</li>
              <li>法规管理</li>
            </ul>
          </li>
          <li>
            <span class="iconfont icon-setting"></span>
            <span class="firstMenuText">系统管理</span>
          </li>
        </ul>
      </div>
      <!-- 右边内容区 -->

      <div class="body-right">
        <!-- 相隔 -->
        <div
          style="width: 60px;height: 735px;position: absolute;left: -40px;top: -40px;background: #eee"
        ></div>
        <div
          style="width: 100%;height: 40px;position: absolute;left: 0px;top: -40px;background: #eee"
        ></div>

        <div class="body-right-first">
          <h3 style="margin-top: 100px">装备管理</h3>
        </div>
        <div class="body-right-first-center">
          <div>
            <div class="xinxi">
              <span>装备信息</span>
              <input
                class="inquire-xinxi"
                type="text"
                placeholder="编号/名称"
              />
            </div>
            <div class="xinxi">
              <span>装备分类</span>
              <!-- 装备分类下拉列表 -->
              <div class="dropdown">
                <button
                  class="btn btn-default dropdown-toggle"
                  type="button"
                  id="dropdownMenu1"
                  data-toggle="dropdown"
                  aria-haspopup="true"
                  aria-expanded="true"
                >
                  全部
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                  <li><a href="#">轻型装甲车</a></li>
                  <li><a href="#">重型装甲车</a></li>
                  <li><a href="#">后勤保障车</a></li>
                  <li><a href="#">通讯车</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div>
            <div class="xinxi"><span>使用单位</span> <input type="text" /></div>
            <div class="xinxi">
              <span>筹措方式</span>
              <!-- 筹组下拉列表 -->
              <div class="dropdown">
                <button
                  class="btn btn-default dropdown-toggle"
                  type="button"
                  id="dropdownMenu1"
                  data-toggle="dropdown"
                  aria-haspopup="true"
                  aria-expanded="true"
                >
                  全部
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                  <li><a href="#">自购</a></li>
                  <li><a href="#">分配</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div>
            <div class="xinxi last-div">
              <span>重置</span> <span class="inquire">查询</span>
              <span
                ><a href="./addEquip.html" style="color:white">新增</a></span
              >
            </div>
            <div class="xinxi">
              <span>装备信息</span>
              <!-- 装备信息下拉列表 -->
              <div class="dropdown">
                <button
                  class="btn btn-default dropdown-toggle"
                  type="button"
                  id="dropdownMenu1"
                  data-toggle="dropdown"
                  aria-haspopup="true"
                  aria-expanded="true"
                >
                  全部
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                  <li><a href="#">正常</a></li>
                  <li><a href="#">维修中</a></li>
                  <li><a href="#">停用</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div>
          <table class="table table-striped xuan-ran"></table>
          <!-- 分页 -->
          <nav aria-label="Page navigation">
            <ul class="pagination" id="pagin"></ul>
          </nav>
        </div>
      </div>
      <!-- 新增战车 -->
    </div>

    <script src="../js/Equipment.js"></script>
  </body>
</html>
